<template>
    <div class="personMsg">
        <header>
            <p>北京破产法庭诉讼指引</p>
        </header>
        <div class="centent">
            <p>法官信息</p>
            <div class="imgGroup">
                <el-row>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/zwh.jpg" alt="">
                            <span>姓名：郑伟华</span>
                            <span>职位：庭长 审判长</span>
                            <span>联系方式：59891125</span>
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/zmy.jpg" alt="">
                            <span>姓名：邹明宇</span>
                            <span>职位：副庭长 审判员</span>
                            <span>联系方式：59891871</span>
                        </div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/lw.jpg" alt="">
                            <span>姓名：刘彧</span>
                            <span>职位：审判员</span>
                            <span>联系方式：59891762</span>
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/gcq.jpg" alt="">
                            <span>姓名：高春乾</span>
                            <span>职位：审判员</span>
                            <span>联系方式：59891648</span>
                        </div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/wlf.jpg" alt="">
                            <span>姓名：王玲芳</span>
                            <span>职位：审判员</span>
                            <span>联系方式：59891835</span>
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/stj.jpg" alt="">
                            <span>姓名：苏汀珺</span>
                            <span>职位：审判员</span>
                            <span>联系方式：59891097</span>
                        </div>
                    </el-col>
                </el-row>
                <p>法官助理信息</p>
                <el-row>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/fx.jpg" alt="">
                            <span>姓名：樊星</span>
                            <span>职位：法官助理</span>
                            <span>联系方式：59891408</span>
                              
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/lq.jpg" alt="">
                            <span>姓名：刘琦</span>
                            <span>职位：法官助理</span>
                            <span>联系方式：59891410</span>
                        </div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/sx.jpg" alt="">
                            <span>姓名：尚潇</span>
                            <span>职位：法官助理</span>
                            <span>联系方式：59891735</span>
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/dyl.jpg" alt="">
                            <span>姓名：段宜林</span>
                            <span>职位：法官助理</span>
                            <span>联系方式：59891356</span>
                        </div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/sly.jpg" alt="">
                            <span>姓名：孙立尧</span>
                            <span>职位：法官助理</span>
                            <span>联系方式：59891824</span>
                        </div>
                    </el-col>
                </el-row>
                <p>书记员信息</p>
                <el-row>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/sc.jpg" alt="">
                            <span>姓名：申晨</span>
                            <span>职位：书记员</span>
                            <span>联系方式：59891784</span>
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <div class="grid-content">
                            <img src="../../assets/img/jy.jpg" alt="">
                            <span>姓名：焦悦</span>
                            <span>职位：书记员</span>
                            <span>联系方式：59891406</span>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </div>
        <div class="group">
            <div class="shouye">
                <img @click="backIndex" src="../../assets/img/shouye.png" alt="">
            </div>
            <div class="fanhui">
                <img @click="backIndex" src="../../assets/img/fanhui.png" alt="">
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'personMsg',
        methods: {
            backIndex(){
                this.$router.go(-1)
            }
        }
    }
</script>

<style lang="less">
    .personMsg{
        position: relative;
        background: url('../../assets/img/bg.png') no-repeat;
        background-size: 100% 100%;
        height: 1920px;
        box-sizing: border-box;
        header{
            height: 150px;
            background: url('../../assets/img/header_bg.png') no-repeat;
            background-size: 100% 100%;
            p{
                color:#fff;
                font-size: 48px;
                text-align: center;
                line-height: 145px;
            }
        }
        .centent{
            padding:70px;
            padding-top:0;
      
            p{
                color:#fff;
                font-size: 40px;
                text-align: left;
                line-height: 150px;
            }
            .imgGroup{
                height: 1400px;
                overflow: hidden;
                overflow-y: auto;
                img{
                    width: 408px;
                    height: 450px;
                    display: inline-block;
                    margin-bottom: 30px;
                }
                span{
                    display: block;
                    color:#fff;
                    font-size: 36px;
                }
                .el-row{
                    margin-bottom: 50px;
                    .el-col:nth-child(2){
                       div{
                           margin-left: 50px;
                       }
                    }
                }
            }
        }

        .group{
            width: 100%;
            position: absolute;
            bottom:50px;
            div{
                width: 50%;
                float: left;
            }
            .shouye{
                box-sizing: border-box;
                text-align: right;
                padding-right: 30px;
            }
            .fanhui{
                box-sizing: border-box;
                text-align: left;
                padding-left: 30px;
            }
        }
    }
</style>